Skip to content

fix: janelas da doca coladas na navbar, botão fechar, e limpa rodapé … - #14

Merged
kellen-xavier merged 1 commit into
developfrom
refactor/layout-true-2009-webdesign
Aug 27, 2026
Merged

fix: janelas da doca coladas na navbar, botão fechar, e limpa rodapé …#14
kellen-xavier merged 1 commit into
developfrom
refactor/layout-true-2009-webdesign

Conversation

@kellen-xavier

Copy link
Copy Markdown
Owner

…duplicado

Corrige os 4 problemas reportados no layout da doca:

  • Janelas abriam ancoradas perto do topo (16px), sobrepondo a navbar fixa do tema. Reposicionadas para abrir coladas acima da doca, ancoradas horizontalmente perto do ícone clicado.
  • Botão fechar (x) não fechava de fato: a própria regra "display: flex"
    do .dock-window sobrescrevia o "display: none" nativo do
    fechado (author beats user-agent no cascade), deixando a janela "fechada" invisível mas ainda clicável por cima do que estivesse atrás. Corrigido com uma regra explícita .dock-window:not([open]) { display: none }, e a transição de abertura trocada por uma animação simples (sem o antigo risco de allow-discrete).
  • Efeito "pixel art" nas janelas: cantos retos, borda bevel 3D (via --bevel-light/--bevel-dark), sombra dura sem blur, barra de título com fonte monoespaçada em maiúsculas na cor de destaque, e um pop-in leve ao abrir.
  • Também corrigido, achado ao testar interação real com várias janelas abertas: com 3 painéis simultâneos, uma janela aberta depois podia cobrir por completo a barra de título de outra. Adiciona "trazer para frente" ao interagir com qualquer janela (raiseWindow) e aumenta o espaçamento do cascateamento.
  • hugo.yaml: theme.displayToggle: false e footer.displayPoweredBy: false — o Hextra só mostra o seletor de tema completo e "Com a tecnologia de Hextra" nesse rodapé como fallback de quando a sidebar esquerda está oculta (nosso caso na home). O toggle continua funcionando normalmente pelo item "Tema" do menu, no cabeçalho.

Testado com Playwright (chromium real, não só screenshot) simulando clique, drag e fechar em cenários com 1 e 3 janelas abertas — inclusive o bug do botão fechar só apareceu assim, screenshot estático não pegava.

…duplicado

Corrige os 4 problemas reportados no layout da doca:

- Janelas abriam ancoradas perto do topo (16px), sobrepondo a navbar
  fixa do tema. Reposicionadas para abrir coladas acima da doca,
  ancoradas horizontalmente perto do ícone clicado.
- Botão fechar (x) não fechava de fato: a própria regra "display: flex"
  do .dock-window sobrescrevia o "display: none" nativo do <dialog>
  fechado (author beats user-agent no cascade), deixando a janela
  "fechada" invisível mas ainda clicável por cima do que estivesse
  atrás. Corrigido com uma regra explícita .dock-window:not([open])
  { display: none }, e a transição de abertura trocada por uma
  animação simples (sem o antigo risco de allow-discrete).
- Efeito "pixel art" nas janelas: cantos retos, borda bevel 3D (via
  --bevel-light/--bevel-dark), sombra dura sem blur, barra de título
  com fonte monoespaçada em maiúsculas na cor de destaque, e um
  pop-in leve ao abrir.
- Também corrigido, achado ao testar interação real com várias
  janelas abertas: com 3 painéis simultâneos, uma janela aberta depois
  podia cobrir por completo a barra de título de outra. Adiciona
  "trazer para frente" ao interagir com qualquer janela (raiseWindow)
  e aumenta o espaçamento do cascateamento.
- hugo.yaml: theme.displayToggle: false e footer.displayPoweredBy:
  false — o Hextra só mostra o seletor de tema completo e "Com a
  tecnologia de Hextra" nesse rodapé como fallback de quando a
  sidebar esquerda está oculta (nosso caso na home). O toggle
  continua funcionando normalmente pelo item "Tema" do menu, no
  cabeçalho.

Testado com Playwright (chromium real, não só screenshot) simulando
clique, drag e fechar em cenários com 1 e 3 janelas abertas — inclusive
o bug do botão fechar só apareceu assim, screenshot estático não pegava.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01DArf4UAVNWE4Ln1kgrsege
@kellen-xavier kellen-xavier self-assigned this Aug 27, 2026
@netlify

netlify Bot commented Aug 27, 2026

Copy link
Copy Markdown

Deploy Preview for ladydebug ready!

Name Link
🔨 Latest commit 38e09eb
🔍 Latest deploy log https://app.netlify.com/projects/ladydebug/deploys/6a909ff4038a660008353fed
😎 Deploy Preview https://deploy-preview-14--ladydebug.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 100
Accessibility: 82
Best Practices: 100
SEO: 95
PWA: 70
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@kellen-xavier
kellen-xavier merged commit 7571e05 into develop Aug 27, 2026
5 checks passed
@kellen-xavier
kellen-xavier deleted the refactor/layout-true-2009-webdesign branch August 27, 2026 20:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant